body {
    // font-size: 16px;
}

.part-fr {
    height: 100%;
    overflow: hidden;
}
.row-badge {
    width: 100%;
}
.row-container {
    border: 1px solid rgba(160, 207, 255, .5);
    padding: 10px;
    min-height: 70px;
    margin-bottom: 10px;
    &.active {
        border: 1px solid rgba(160, 207, 255, 1);
        box-shadow: 0px 0px 5px 3px rgba(160, 207, 255, .5);
    }
}
.flex {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.dash-line {
    width: 100%;
    height: 0;
    border-bottom: 1px dashed #A0CFFF;
}
.select-component {
    width: 100%;
    justify-content: space-between;
    padding: 10px;
    box-sizing: border-box;
    .item {
        width: 48%;
        height: 32px;
        line-height: 32px;
        text-align: center;
        color: #fff;
        background: linear-gradient(to right, rgba(0, 96, 140, .5) 5%, rgba(0, 96, 140, .8) 80%);
        margin: 10px 0;
    }
}
.move-status {
    cursor: move;
    -moz-user-select: none; /* Firefox私有属性 */
    -webkit-user-select: none; /* WebKit内核私有属性 */
    -ms-user-select: none; /* IE私有属性(IE10及以后) */
    -khtml-user-select: none; /* KHTML内核私有属性 */
    -o-user-select: none; /* Opera私有属性 */
    user-select: none; /* CSS3属性 */
}
.component-fr {
    border: 1px solid #A0CFFF;
    height: 100%;
    width: 100%;
}
.component-row {
    margin: 15px 0;
}
.scroll-y {
    overflow: hidden scroll;
}
.col-fr {
    height: 100%;
}

.form-label {
    width: 100px;
}
.attribute {
    padding-right: 10px;
}
.show-component {
    padding: 10px;
}
.box-title {
    font-weight: bold;
    margin: 15px 0;
    color: #606266;
}
.container-title {
    text-align: center;
    font-weight: bold;
    margin: 15px 0;
}
.container-fr {
    height: 100%;
}
.component-info,
.component-attribute {
    border: 1px solid #d4d4d4;
    border-radius: 4px;
    padding: 15px;
    min-height: calc(~"100% - 34px");;
}
.scroll-full {
    height: calc(~"100% - 0px");
    overflow: hidden scroll;
    position: relative;
}
.check-content{
    border: 1px solid #d4d4d4;
    border-radius: 4px;
    padding: 0 10px;
}
.attribute-container {
    padding: 10px 10px 10px 45px;
    .attribute-list {
        border: 1px solid #d4d4d4;
        border-radius: 4px;
        padding: 5px 10px;
    }
}
li.item {
    font-size: 14px;
    color: #606266;
    margin: 8px 0;
}
.time {
    color: #959595;
}
.ctrl-btn {
    margin-bottom: 10px;
}